<template>
  <div>
    <p>value:{{value}}
      <button class="h-btn h-btn-text" @click="update">Modified value</button>
    </p>
    <div v-width="300">
      <AutoComplete dict="simple" v-model="value" @change="onChange" :showDropdownWhenNoResult="false"></AutoComplete>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      value: '1'
    };
  },
  methods: {
    onChange(data, trigger) {
      log(data, trigger);
    },
    update() {
      this.value = '2';
    }
  }
};
</script>
